
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="zh">
<head>
	<title>订餐网</title>
	<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
	<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
	<!--[if IE 6]>
		<link rel="stylesheet" href="css/ie6.css" type="text/css" media="all" />
	<![endif]-->
	<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
	<script type="text/javascript" src="js/jquery-func.js"></script>
</head>
<body bgcolor="#000000">
<!-- Shell -->
<div id="shell">
	<!-- Header -->
	<div id="header">
		<h1 id="logo"><a href="#"></a></h1>
		<div class="social">
			<a href="3.html"><span>Login:&nbsp;&nbsp;&nbsp;</span></a>
		</div>
		
		<!-- Navigation -->
		<div id="navigation">
		</div>
		<!-- end Navigation -->
		
		<!-- Sub-menu -->
		<div id="sub-navigation">
			
			<div id="search">
				
			</div>
		</div>
		<!-- end Sub-Menu -->
		
	</div>
	<!-- end Header -->
	
	<!-- Main -->
	<div id="main">
		<!-- Content -->
	  <div id="content">

			<!-- Box -->
			<div class="box">
				<div class="head">
					<h2>推荐饭店</h2>
					<p class="text-right"><a href="#">更多选择</a></p>
				</div>

				<!-- Movie -->
				<div class="movie">
					
					<div class="movie-image">
						<span class="play"><a href="3.html"><span class="name">X-MAN<br />X-战警</span></a></span>
						<a href="#"><img src="css/images/movie1.jpg" alt="movie" /></a>
					</div>
						
					<div class="rating">
						<p>RATING:&nbsp;&nbsp;&nbsp;</p>
                      
                      	<p id="recommend1"></p>
					</div>
				</div>
				<!-- end Movie -->
				
				<!-- Movie -->
				<div class="movie">
					<div class="movie-image">
						<span class="play"><span class="name">SPIDER MAN 2<br />蜘蛛侠2</span></span>
						<a href="#"><img src="css/images/movie2.jpg" alt="movie" /></a>
					</div>
					<div class="rating">
						<p>RATING:&nbsp;&nbsp;&nbsp;</p>
                      
                      	<p id="recommend2"></p>
					</div>
				</div>
				<!-- end Movie -->
				
				<!-- Movie -->
				<div class="movie">
					<div class="movie-image">
						<span class="play"><span class="name">SPIDER MAN 3</span></span>
						<a href="#"><img src="css/images/movie3.jpg" alt="movie" /></a>
					</div>
					<div class="rating">
						<p>RATING:&nbsp;&nbsp;&nbsp;</p>
                      
                      	<p id="recommend3"></p>
					</div>
				</div>
				<!-- end Movie -->
				
				<!-- Movie -->
				<div class="movie">
					<div class="movie-image">
						<span class="play"><span class="name">VALKYRIE</span></span>
						<a href="#"><img src="css/images/movie4.jpg" alt="movie" /></a>
					</div>
					<div class="rating">
						<p>RATING:&nbsp;&nbsp;&nbsp;</p>
                      
                      	<p id="recommend4"></p>
					</div>
				</div>
				<!-- end Movie -->
				
				<!-- Movie -->
				<div class="movie">
					<div class="movie-image">
						<span class="play"><span class="name">GLADIATOR</span></span>
						<a href="#"><img src="css/images/movie5.jpg" alt="movie" /></a>
					</div>
					<div class="rating">
						<p>RATING:&nbsp;&nbsp;&nbsp;</p>
                      
                      	<p id="recommend5"></p>
					</div>
				</div>
				<!-- end Movie -->
				
				<!-- Movie -->
				<div class="movie last">
					<div class="movie-image">
						<span class="play"><span class="name">ICE AGE</span></span>
						<a href="#"><img src="css/images/movie6.jpg" alt="movie" /></a>
					</div>
					<div class="rating">
						<p>RATING:&nbsp;&nbsp;&nbsp;</p>
                      
                      	<p id="recommend6"></p>
					</div>
				</div>
				<!-- end Movie -->
				<div class="cl">&nbsp;</div>
			</div>
			<!-- end Box -->
			
			<!-- Box -->
			<div class="box">
				<div class="head">
					<h2>附近饭店</h2>
					<p class="text-right"><a href="#">更多选择</a></p>
				</div>

				<!-- Movie -->
				<div class="movie">
					<div class="movie-image">
						<span class="play"><span class="name">TRANSFORMERS</span></span>
						<a href="#"><img src="css/images/movie7.jpg" alt="movie" /></a>
					</div>	
					<div class="rating">
						<p>RATING:&nbsp;&nbsp;&nbsp;</p>
                      
                      	<p id="nearby1"></p>
					</div>
				</div>
				<!-- end Movie -->
				
				<!-- Movie -->
				<div class="movie">
					<div class="movie-image">
						<span class="play"><span class="name">MAGNETO</span></span>
						<a href="#"><img src="css/images/movie8.jpg" alt="movie" /></a>
					</div>
					<div class="rating">
						<p>RATING:&nbsp;&nbsp;&nbsp;</p>
                      
                      	<p id="nearby2"></p>
					</div>
				</div>
				<!-- end Movie -->
				
				<!-- Movie -->
				<div class="movie">
					<div class="movie-image">
						<span class="play"><span class="name">KUNG FU PANDA</span></span>
						<a href="#"><img src="css/images/movie9.jpg" alt="movie" /></a>
					</div>	
					<div class="rating">
						<p>RATING:&nbsp;&nbsp;&nbsp;</p>
                      
                      	<p id="nearby3"></p>
					</div>
				</div>
				<!-- end Movie -->
				
				<!-- Movie -->
				<div class="movie">
					<div class="movie-image">
						<span class="play"><span class="name">EAGLE EYE</span></span>
						<a href="#"><img src="css/images/movie10.jpg" alt="movie" /></a>
					</div>
					<div class="rating">
						<p>RATING:&nbsp;&nbsp;&nbsp;</p>
                      
                      	<p id="nearby4"></p>
					</div>
				</div>
				<!-- end Movie -->
				
				<!-- Movie -->
				<div class="movie">
					<div class="movie-image">
						<span class="play"><span class="name">NARNIA</span></span>
						<a href="#"><img src="css/images/movie11.jpg" alt="movie" /></a>
					</div>
					<div class="rating">
					<p>RATING:&nbsp;&nbsp;&nbsp;</p>
                      
                      	<p id="nearby5"></p>
					</div>
				</div>
				<!-- end Movie -->
				
				<!-- Movie -->
				<div class="movie last">
					<div class="movie-image">
						<span class="play"><span class="name">ANGELS & DEMONS</span></span>
						<a href="#"><img src="css/images/movie12.jpg" alt="movie" /></a>
					</div>	
					<div class="rating">
						<p>RATING:&nbsp;&nbsp;&nbsp;</p>
                      
                      	<p id="nearby6"></p>
					</div>
				</div>
				<!-- end Movie -->
				<div class="cl">&nbsp;</div>
			</div>
			<!-- end Box -->
			
			<!-- Box -->
			
			<!-- end Box -->
			
		</div>
		<!-- end Content -->

		<!-- NEWS --><!-- end NEWS -->
		
		<!-- Coming --><!-- end Coming -->
	  <div class="cl">&nbsp;</div>
	</div>
	<!-- end Main -->
</div>
<!-- end Shell -->
</body>
<script type="text/javascript">
	document.getElementById("recommend1").innerHTML="4.0";
	document.getElementById("recommend2").innerHTML="4.1";
	document.getElementById("recommend3").innerHTML="4.2";
	document.getElementById("recommend4").innerHTML="4.3";
	document.getElementById("recommend5").innerHTML="4.4";
	document.getElementById("recommend6").innerHTML="4.5";
	document.getElementById("nearby1").innerHTML="4.6";
	document.getElementById("nearby2").innerHTML="4.7";
	document.getElementById("nearby3").innerHTML="4.8";
	document.getElementById("nearby4").innerHTML="4.9";
	document.getElementById("nearby5").innerHTML="5.0";
	document.getElementById("nearby6").innerHTML="5.1";
</script>
</html>